diff --git a/docs/assets/aws.svg b/docs/assets/aws.svg
new file mode 100644
index 00000000..3aca6651
--- /dev/null
+++ b/docs/assets/aws.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="20" role="img" aria-label="AWS"><title>AWS</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="35" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="0" height="20" fill="#007ec6"/><rect x="0" width="35" height="20" fill="#007ec6"/><rect width="35" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="175" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">AWS</text><text x="175" y="140" transform="scale(.1)" fill="#fff" textLength="250">AWS</text></g></svg>
\ No newline at end of file
diff --git a/docs/assets/azure.svg b/docs/assets/azure.svg
new file mode 100644
index 00000000..a2dbab0c
--- /dev/null
+++ b/docs/assets/azure.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="41" height="20" role="img" aria-label="Azure"><title>Azure</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="41" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="0" height="20" fill="#007ec6"/><rect x="0" width="41" height="20" fill="#007ec6"/><rect width="41" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="205" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="310">Azure</text><text x="205" y="140" transform="scale(.1)" fill="#fff" textLength="310">Azure</text></g></svg>
\ No newline at end of file
diff --git a/docs/assets/backend-discord-blue.svg b/docs/assets/backend-discord-blue.svg
new file mode 100644
index 00000000..bcffac04
--- /dev/null
+++ b/docs/assets/backend-discord-blue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="108" height="20" role="img" aria-label="Backend: Discord"><title>Backend: Discord</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="108" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="57" height="20" fill="#555"/><rect x="57" width="51" height="20" fill="#007ec6"/><rect width="108" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="295" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="470">Backend</text><text x="295" y="140" transform="scale(.1)" fill="#fff" textLength="470">Backend</text><text aria-hidden="true" x="815" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="410">Discord</text><text x="815" y="140" transform="scale(.1)" fill="#fff" textLength="410">Discord</text></g></svg>
\ No newline at end of file
diff --git a/docs/assets/code-style-black.svg b/docs/assets/code-style-black.svg
new file mode 100644
index 00000000..d2ae1218
--- /dev/null
+++ b/docs/assets/code-style-black.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="104" height="20" role="img" aria-label="code style: black"><title>code style: black</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="104" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="65" height="20" fill="#555"/><rect x="65" width="39" height="20" fill="#000000"/><rect width="104" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="335" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="550">code style</text><text x="335" y="140" transform="scale(.1)" fill="#fff" textLength="550">code style</text><text aria-hidden="true" x="835" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="290">black</text><text x="835" y="140" transform="scale(.1)" fill="#fff" textLength="290">black</text></g></svg>
\ No newline at end of file
diff --git a/docs/assets/framework-errbot-blue.svg b/docs/assets/framework-errbot-blue.svg
new file mode 100644
index 00000000..3b8d603a
--- /dev/null
+++ b/docs/assets/framework-errbot-blue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="114" height="20" role="img" aria-label="Framework: errbot"><title>Framework: errbot</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="114" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="71" height="20" fill="#555"/><rect x="71" width="43" height="20" fill="#007ec6"/><rect width="114" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="365" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="610">Framework</text><text x="365" y="140" transform="scale(.1)" fill="#fff" textLength="610">Framework</text><text aria-hidden="true" x="915" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="330">errbot</text><text x="915" y="140" transform="scale(.1)" fill="#fff" textLength="330">errbot</text></g></svg>
\ No newline at end of file
diff --git a/docs/assets/language-python-blue.svg b/docs/assets/language-python-blue.svg
new file mode 100644
index 00000000..43e6bb4d
--- /dev/null
+++ b/docs/assets/language-python-blue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="110" height="20" role="img" aria-label="language: python"><title>language: python</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="110" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="61" height="20" fill="#555"/><rect x="61" width="49" height="20" fill="#007ec6"/><rect width="110" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="315" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="510">language</text><text x="315" y="140" transform="scale(.1)" fill="#fff" textLength="510">language</text><text aria-hidden="true" x="845" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="390">python</text><text x="845" y="140" transform="scale(.1)" fill="#fff" textLength="390">python</text></g></svg>
\ No newline at end of file
diff --git a/docs/assets/terraform.svg b/docs/assets/terraform.svg
new file mode 100644
index 00000000..b0596296
--- /dev/null
+++ b/docs/assets/terraform.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="65" height="20" role="img" aria-label="Terraform"><title>Terraform</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="65" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="0" height="20" fill="#007ec6"/><rect x="0" width="65" height="20" fill="#007ec6"/><rect width="65" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="325" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="550">Terraform</text><text x="325" y="140" transform="scale(.1)" fill="#fff" textLength="550">Terraform</text></g></svg>
\ No newline at end of file