diff --git a/web/app/home/home.component.html b/web/app/home/home.component.html
index 99e21d4..3617ccc 100644
--- a/web/app/home/home.component.html
+++ b/web/app/home/home.component.html
@@ -12,16 +12,18 @@
-
-
-
- Visit t2bot.io/riot and log in with your Matrix account
- or point your Riot config.json
at our servers:
-
-
{{ integrationsConfig }}
-
-
-
![](/img/screenshot.png)
+
+
+
+
+ Visit t2bot.io/riot and log in with your Matrix account
+ or point your Riot config.json
at our servers:
+
+
{{ integrationsConfig }}
+
+
+
![](/img/screenshot.png)
+
@@ -78,7 +80,7 @@
Bots
-
Add some bots for fun or productivity. They're here to help at your command.
+
Bots bring entertainment or productivity to the room. They're here to help at your command.
@@ -125,6 +127,10 @@
Echo
+
+
![](/img/avatars/custombots.png)
+
Custom Bots
+
diff --git a/web/app/home/home.component.scss b/web/app/home/home.component.scss
index 631d632..eeccf74 100644
--- a/web/app/home/home.component.scss
+++ b/web/app/home/home.component.scss
@@ -103,13 +103,22 @@
.screenshot {
display: inline-block;
- margin: 0 70px;
+ width: 597px;
+ margin: 20px 70px 0;
+ border: 1px solid themed(promoInfoBorderColor);
img {
width: 595px;
}
}
+ .subhero-wrapper {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+ }
+
.integrations {
display: block;
width: 100%;
diff --git a/web/public/img/avatars/custombots.png b/web/public/img/avatars/custombots.png
new file mode 100644
index 0000000..c358eee
Binary files /dev/null and b/web/public/img/avatars/custombots.png differ
diff --git a/web/public/img/screenshot.png b/web/public/img/screenshot.png
index c53c0d6..37979cb 100644
Binary files a/web/public/img/screenshot.png and b/web/public/img/screenshot.png differ